Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzünde birincil işlemi tetikleyen dairesel bir düğmedir. Bu sayfada, FAB'yi düzeninize nasıl ekleyeceğiniz, görünümünün bazı kısımlarını nasıl özelleştireceğiniz ve düğmeye dokunma işlemlerine nasıl yanıt vereceğiniz gösterilmektedir.
Uygulamanızda Materyal Tasarım yönergelerine uygun bir kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için Düğmeler: Kayan İşlem Düğmesi başlıklı makaleyi de inceleyin.
Kayan işlem düğmesini düzeninize ekleme
Aşağıdaki kodda, FloatingActionButton
öğesinin düzen dosyanızda nasıl görünmesi gerektiği gösterilmektedir:
<com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end|bottom" android:src="@drawable/ic_my_icon" android:contentDescription="@string/submit" android:layout_margin="16dp" />
Varsayılan olarak FAB, colorAccent
özelliğine göre renklendirilir. Bu özelliği temanın renk paletini kullanarak özelleştirebilirsiniz.
Diğer FAB özelliklerini XML özelliklerini veya aşağıdakiler gibi ilgili yöntemleri kullanarak yapılandırabilirsiniz:
app:fabSize
özelliğini veyasetSize()
yöntemini kullanarak FAB'ın boyutu.app:rippleColor
özelliğini veyasetRippleColor()
yöntemini kullanarak FAB'ın dalgalanma rengi.android:src
özelliğini veyasetImageDrawable()
yöntemini kullanarak FAB simgesi.
Düğmeye dokunma işlemlerine yanıt verme
Ardından, FAB dokunuşlarını işlemek için bir View.OnClickListener
uygulayabilirsiniz. Örneğin, aşağıdaki kodda kullanıcı FAB'a dokunduğunda Snackbar
gösterilir:
Kotlin
val fab: View = findViewById(R.id.fab) fab.setOnClickListener { view -> Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG) .setAction("Action", null) .show() }
Java
FloatingActionButton fab = findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG) .setAction("Action", null).show(); } });
FAB'ın özellikleri hakkında daha fazla bilgi için FloatingActionButton
API referansına bakın.